import { Component, OnInit } from '@angular/core';

//  在组件中引入HttpClient模块，可以借为HttpClientModule模块的一个服务
//  使用post还需引入HttpHeaders模块
import { HttpClient,HttpHeaders } from '@angular/common/http';

@Component({
  selector: 'app-network',
  templateUrl: './network.component.html',
  styleUrls: ['./network.component.css']
})
export class NetworkComponent implements OnInit {

  public resList:any
  // 声明服务
  constructor(private myhttp:HttpClient) { }

  ngOnInit(): void {
  }

  // get方法
  getData(){
    let url = 'http://a.itying.com/api/productlist'
    let url2 = 'http://47.104.7.144:3001/api/getnewslength'
    //HttpClicent返回的是一个RxJS对象。使用subscribe进行调用
    this.myhttp.get(url).subscribe((res:any) => {
      console.log(res)
      this.resList = res.result
    })
  }
  // post提交数据
  postData(){
    // 手动定义请求头
    const myHttpOptions = {
      headers :new HttpHeaders({'Content-Type':'application/json'})
    }
    this.myhttp.post('http://47.104.7.144:3001/api/adminlogin',
      {"name":'ICPFAadmin',"pwd":'admin'},
      // myHttpOptions
      ).subscribe((res) => {
        console.log(res)
    })
  }

  // jsonp  请求，前端解决跨越
  // 了解

}
